<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <script src="js/mui.min.js"></script>
    <link href="css/mui.min.css" rel="stylesheet"/>
	<link rel="stylesheet" href="css/car.css">
	<link rel="stylesheet" href="css/commoncss.css">
	<script type="text/javascript" charset="utf-8">
      	mui.init();
    </script>
</head>
<body>
	<div class="carHeader">
		<img src="images/2.png" alt="" class="back">
		<div class="hearderTitle">
			<div>RESUTS</div>
			<div>246</div>
		</div>
		<div class="headerChoose" id="href2">
			<span>FILTERS</span>
			<img src="images/3.png" alt="">
		</div>
	</div>
	<div class="carOverflow">
		<div>SUGGESTED FILTERS</div>
		<div class="carAuto">
			<div class="carDes">
				Free Shipping (127)
			</div>
			<div class="carDes">
				Power Driver Seat (258)
			</div>
			<div class="carDes">
				Free Shipping (127)
			</div>
			<div class="carDes">
				Power Driver Seat (258)
			</div>
			<div class="carDes">
				Free Shipping (127)
			</div>
			<div class="carDes">
				Power Driver Seat (258)
			</div>
		</div>
	</div>
	<div class="carDesContent">
		<img src="images/4.png" alt="">
		<div>
			<div>COVID -19:Contact us deliver/pickup</div>
			<div>about delivery / pickup available</div>
		</div>
		<div class="more">Learn more</div>
	</div>
	<div class="carType">
		<div class="bl carTypeInner ck1">
			<div class="carTypeH1">
				LOCATION
			</div>
			<div class="carTpyeH2">SANTA CLARA,CA </div>
		</div>
		<div class="carTypeInner ck2">
			<div class="carTypeH1">
				 SORT BY
			</div>
			<div class="carTpyeH2">NEWEST INVENTORY</div>
		</div>
		<div class="clear"></div>
	</div>
	<div class="carContent">
		<div class="carimg">
			<img src="images/5.png" alt="" class="carimg_star">
			<img src="images/6.png" alt="" class="carimg_des">
		</div>
		<div class="carDesTitle">
			<span>VOLKSWAGEN</span>
			<span>$37,590</span>
		</div>
		<div class="clear"></div>
		<div class="carDesTitle">
			<span> JETTA</span>
		</div>
		<div class="clear"></div>
		<div class="clear"></div>
		<div class="carDesTitleGray">
			<span> 1.4T s</span>
		</div>
		<div class="clear"></div>
		<div class="carDesTitleGray">
			<span> 19,952 miles</span>
			<span>Free Shipping</span>
		</div>
		<div class="clear"></div>
		<div class="lines"></div>
	</div>
	<div class="carContent">
		<div class="carimg">
			<img src="images/5.png" alt="" class="carimg_star">
			<img src="images/6.png" alt="" class="carimg_des">
		</div>
		<div class="carDesTitle">
			<span>VOLKSWAGEN</span>
			<span>$37,590</span>
		</div>
		<div class="clear"></div>
		<div class="carDesTitle">
			<span> JETTA</span>
		</div>
		<div class="clear"></div>
		<div class="clear"></div>
		<div class="carDesTitleGray">
			<span> 1.4T s</span>
		</div>
		<div class="clear"></div>
		<div class="carDesTitleGray">
			<span> 19,952 miles</span>
			<span>Free Shipping</span>
		</div>
		<div class="clear"></div>
		<div class="lines"></div>
	</div>
	<div class="carContent">
		<div class="carimg">
			<img src="images/5.png" alt="" class="carimg_star">
			<img src="images/6.png" alt="" class="carimg_des">
		</div>
		<div class="carDesTitle">
			<span>VOLKSWAGEN</span>
			<span>$37,590</span>
		</div>
		<div class="clear"></div>
		<div class="carDesTitle">
			<span> JETTA</span>
		</div>
		<div class="clear"></div>
		<div class="clear"></div>
		<div class="carDesTitleGray">
			<span> 1.4T s</span>
		</div>
		<div class="clear"></div>
		<div class="carDesTitleGray">
			<span> 19,952 miles</span>
			<span>Free Shipping</span>
		</div>
		<div class="clear"></div>
		<div class="lines"></div>
	</div>
	<div style="height: 66px;width: 100%;"></div>
	<div class="navbar">
		<div class="navbarInner" id="href1">
			<img src="images/7.png" alt="">
			<span>EXPLORE</span>
		</div>
		<div class="navbarInner">
			<img src="images/8.png" alt="">
			<span>SELL/TRADE</span>
		</div>
		<div class="navbarInner">
			<img src="images/9.png" alt="">
			<span>MY CARS </span>
		</div>
		<div class="navbarInner">
			<img src="images/10.png" alt="">
			<span> ACCOUNT</span>
		</div>
	</div>
	<div class="fade"></div>
	<div class="popcheck">
		<div class="checkTitle">
			SORT BY
			<img src="images/11.png" alt="" class="close">
		</div>
		<div class="checkInner">RECOMMENDED <img src="images/12.png" alt=""></div>
		<div class="checkInner checkInnerActice">NEWEST INVENTORY<img src="images/12.png" alt=""></div>
		<div class="checkInner">HIGHEST PRICE<img src="images/12.png" alt=""></div>
		<div class="checkInner">LOWER PRICE<img src="images/12.png" alt=""></div>
		<div class="checkInner">MAKE AND MDEL<img src="images/12.png" alt=""></div>
		<div class="checkInner">NEWEST YEAR<img src="images/12.png" alt=""></div>
		<div class="checkInner">LOWER MLEAGE<img src="images/12.png" alt=""></div>
	</div>
</body>
<script src="js/jquery.min.js"></script>
<script src="js/car.js"></script>
<script>
	$(".ck1").on("click",function(){
		location.href="location.html"
	})
	$("#href2").on("click",function(){
		location.href="filter.html"
	})
	$(".carimg_star").on("click",function(){
		
		if($(this).hasClass("starActive")){
			$(this).removeClass("starActive")
			$(this).attr("src","images/5.png")
		}else{
			$(this).addClass("starActive");
			$(this).attr("src","images/c5.png")
		}
	})
	$(".carimg_des").on("click",function(){
		location.href="long.html"
	})
</script>
</html>